@import '~antd/lib/style/themes/default.less';

.main {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  border-radius: 10px;
  height: 570px;
  overflow: hidden;
  padding: 75px 80px 30px;
  // width: 495px;
  width: 100%;
  max-width: 495px;
}

.top {
  text-align: center;
}

.header {
  height: 47px;
  line-height: 47px;
  margin-bottom: 20px;
}

.logo {
  margin-right: 16px;
  vertical-align: top;
  width: 58px;
}

.title {
  font-family: PingFangSCRegular, Microsoft Yahei, Avenir, 'Helvetica Neue', Arial, Helvetica;
  font-size: 34px;
  color: #578aff;
  font-weight: 600;
  position: relative;
  top: 2px;
}

.desc {
  font-size: @font-size-base;
  color: @text-color-secondary;
  margin-top: 12px;
  margin-bottom: 12px;
  min-height: 40px;
  & > div {
    transition: all 0.3s;
  }
  :global {
    .ant-alert-message {
      color: red !important;
    }
  }
}

.login_form_wrapper {
  margin: 0 auto;
}

.forget_password {
  cursor: pointer;
  color: @primary-color;
  float: right;
  font-size: 14px;
  letter-spacing: 1.35px;
  &:hover {
    text-decoration: underline;
  }
}

.success,
.warning,
.error {
  transition: color 0.3s;
}

.success {
  color: @success-color;
}

.warning {
  color: @warning-color;
}

.error {
  color: @error-color;
}

.submit_button {
  font-family: PingFangSCRegular, Microsoft Yahei, Avenir, 'Helvetica Neue', Arial, Helvetica !important;
  margin: 24px 0;
  width: 100%;
}

.affixWrapper {
  :global {
    .ant-input-affix-wrapper {
      .ant-input-prefix {
        color: #578aff;
        font-size: 24px;
        left: 0;
      }
      .ant-input {
        background-color: #ffffff !important;
        border-top: 0;
        border-right: 0;
        border-left: 0;
        border-radius: 0;
        box-shadow: none !important;
        outline: none !important;
        padding-left: 35px;
      }
    }
  }
}

.captcha {
  :global {
    input {
      width: 270px;
    }
    .ant-input-suffix {
      right: 2px !important;
    }
  }
}
